@define-color bg #553C62;
* {
    border: none;
    border-radius: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
}
window#waybar {
    background: transparent;
    color: #eeeeef;
    font-size: 17px;
}
#custom-logo {
    background: @bg;
    margin: 6px 4px 4px 4px;
    border-radius: 25px;
    padding: 0 11px 0 6px;
}
#workspaces {
    margin: 6px 4px 4px 0;
    background: @bg;
    border-radius: 25px;
    padding: 2px 2px 2px 2px;
}
#workspaces button {
    padding: 2px 8px 2px 2px;
    border-radius: 25px;
    color: #484a48;
}
#workspaces button:hover {
    color: #eeeeef;
}
#workspaces button.empty {
    color: #eeeeef; 
}
#workspaces button.active {
    color: #eeeeef;
}
#window {
    background-color: @bg;
    margin: 6px 4px 4px 0;
    border-radius: 25px;
    padding: 0 2px 0 2px;
}
#cpu {
    color: #65d7fa;
    background: @bg;
    border-radius: 25px;
    margin: 6px 4px 4px 0;
    padding: 0 2px 0 2px;
}
#memory{
    background: @bg;
    color: #aeabff;
    border-radius: 25px;
    margin: 6px 4px 4px 0;
    padding: 0 2px 0 2px;
}
#custom-keyboard-layout {
    background: @bg;
    color: #ffc39c;
    border-radius: 25px;
    margin: 6px 4px 4px 0;
    padding: 0 2px 0 2px;
}
#battery {
    background: @bg;
    color: #9cffa1;
    border-radius: 25px;
    margin: 6px 4px 4px 0;
    padding: 0 2px 0 2px;
}
#battery.warning {
    background: @bg;
    color: #ffe629;
    border-radius: 25px;
    margin: 6px 4px 4px 0;
    padding: 0 2px 0 2px;
}
#battery.critical {
    background: @bg;
    color: #ff2929;
    border-radius: 25px;
    margin: 6px 4px 4px 0;
    padding: 0 2px 0 2px;
}
#battery.charging {
    background: @bg;
    color: #0073ff;
    border-radius: 25px;
    margin: 6px 4px 4px 0;
    padding: 0 2px 0 2px;
}
#battery.plugged,
#battery.notcharging,
#power-profiles-daemon.performance {
    background: @bg;
    color: #b0e2ff;
    font-size: 20px;
    border-radius: 25px;
    margin: 6px 4px 4px 0;
    padding: 0 10px 0 7px;
}
#power-profiles-daemon.balanced {
    background: @bg;
    color: #9cffeb;
    border-radius: 25px;
    margin: 6px 4px 4px 0;
    padding: 0 15px 0 4px;
}
#power-profiles-daemon.power-saver {
    background: @bg;
    color: #9cffdb;
    border-radius: 25px;
    margin: 6px 4px 4px 0;
    padding: 0 15px 0 4px;
}
#pulseaudio {
    color: #65d7fa;
    background: @bg;
    border-radius: 25px;
    margin: 6px 4px 4px 0;
    padding: 0 2px 0 2px;
}
#backlight {
    background: @bg;
    color: #bdcaff;
    border-radius: 25px;
    margin: 6px 4px 4px 0;
    padding: 0 2px 0 2px;
}
#clock {
    background: @bg;
    color: #bdcaff;
    border-radius: 25px;
    margin: 6px 4px 4px 0;
    padding: 0 7px 0 5px;
}
#bluetooth.enabled {
    background: @bg;
    color: #bdcaff;
    border-radius: 25px;
    margin: 6px 4px 4px 0;
    padding: 0 7px 0 5px;
}
#custom-powermenu {
    background: @bg;
    color: #DF5F00;
    border-radius: 25px;
    margin: 6px 4px 4px 0;
    padding: 0 9px 0 5px;
}
